{\rtf1\ansi\ansicpg1252\deff0\deflang1046\deflangfe1046{\fonttbl{\f0\fswiss\fprq2\fcharset0 Calibri;}{\f1\fmodern\fprq1\fcharset0 Courier New;}}
{\colortbl ;\red255\green0\blue0;\red0\green77\blue187;}
{\*\generator Msftedit 5.41.21.2509;}\viewkind4\uc1\pard\nowidctlpar\sl240\slmult1\qc\cf1\lang22\b\f0\fs22 Mensagem para quem n\'e3o est\'e1 com o "javascript" habilitado no browser.\cf0\ul\b0\par
\pard\nowidctlpar\sl240\slmult1\cf2\ulnone\par
<noscript>\cf0  \par
\tab Este navegador n\'e3o compreende os scripts que se est\'e3o executando, voc\'ea deve \tab atualizar sua vers\'e3o de navegador a uma mais recente.<br /><br />\par
\tab <a href=http://netscape.com>Netscape</a>.<br>\par
\tab <a href=http://microsoft.com>Microsoft</a>.\cf2\par
</noscript>\cf1\par
\cf0\par
\par
\par
________________________________________________________________________________\cf1\par
\pard\nowidctlpar\sl240\slmult1\qc\b\par
Navegadores antigos\par
\cf0\ul\b0\par
\pard\nowidctlpar\sl240\slmult1\ulnone\i\fs20 Ao utilizar-se as tags de coment\'e1rios <!-- ... --> no script, isso impede que navegadores antigos executem o c\'f3digo como conte\'fado da p\'e1gina, evitando a visualiza\'e7\'e3o na mesma. \par
Ao colocar-se as 2 barras ( // ) impede a execu\'e7\'e3o do c\'f3digo.\cf2\i0\fs22\par
\cf0\par
<body>\cf2\par
\cf0\tab <script type="text/javascript">\cf2\par
\tab\tab <!--\par
\tab\tab\tab\cf0 document.write("Hello World!");\cf2\par
\tab\tab //-->\par
\tab\cf0 </script>\cf2\par
\cf0 </body>\par
\par
\par
________________________________________________________________________________\cf1\par
\pard\nowidctlpar\sl240\slmult1\qc\b\par
Include\par
\cf0\b0\par
\pard\nowidctlpar\lang1046\f1\fs20 <jsp:include page=\i "./../rodape.jsp"\i0 >\par
\par
\par
\par
\pard\nowidctlpar\sl240\slmult1\lang22\f0\fs22 ________________________________________________________________________________\cf1\par
\pard\nowidctlpar\sl240\slmult1\qc\b\par
\pard\nowidctlpar\qc Link\par
\cf0\lang1046\b0\f1\fs20\par
\pard\nowidctlpar\lang1033 onclick="javascript:location.href='./../../index.jsp'">\par
\par
\par
\par
\pard\nowidctlpar\sl240\slmult1\lang22\f0\fs22 ________________________________________________________________________________\cf1\par
\pard\nowidctlpar\sl240\slmult1\qc\b\par
\pard\nowidctlpar\qc Historico\par
\cf0\lang1046\b0\f1\fs20\par
\pard\nowidctlpar onclick="javascript:history.back(-1)"\par
\par
\par
\pard\nowidctlpar\sl240\slmult1\qc\lang22\f0\fs22\par
________________________________________________________________________________\cf1\b\par
\par
Arquivo externo\par
\pard\nowidctlpar\sl240\slmult1\cf0\b0\i\fs20\par
Se voc\'ea quiser executar a mesma JavaScript em v\'e1rias p\'e1ginas, sem ter que escrever o mesmo script em cada p\'e1gina, voc\'ea pode escrever um JavaScript em um arquivo externo.\par
\par
Salve o arquivo JavaScript externo com uma extens\'e3o de arquivo. \cf2 Js.\cf0\par
\cf1 Nota:\cf0  Dentro do script externo n\'e3o pode conter o <SCRIPT> </SCRIPT> marcas!\par
\par
Para usar o script externo, aponte para o arquivo js no atributo \cf2 "src"\cf0  da tag <SCRIPT>.\par
Utilizar um SCRIPT para o arquivo externo e outro para o c\'f3digo dentro da p\'e1gina.\par
\par
\i0\fs22 <head>\cf2\par
\tab\cf1 1\'ba\cf2 <script type="text/javascript" src="\cf0 xxx\cf2 .js"></script>\par
\tab\par
\tab\cf1 2\'ba\cf2 <script type="text/javascript">\par
\tab\tab\cf0 function..........\cf2\par
\tab </script>\par
\cf0 </head>\par
\par
\par
\par
________________________________________________________________________________\cf1\par
\pard\nowidctlpar\sl240\slmult1\qc\b\par
Coment\'e1rios\par
\cf0\ul\b0\par
\pard\nowidctlpar\sl240\slmult1\ulnone\i\fs20 Coment\'e1rios em uma linha \cf2 //\cf0\par
Coment\'e1rios em mais de uma linha \cf2 /*         */\i0\fs22\par
\cf0\par
<head>\cf2\par
\cf0\tab <script type="text/javascript">\cf2\par
\tab\tab //\cf0 document.write("Hello World!");\cf2\par
\tab\tab /*\par
\tab\tab     \cf0 document.write("Hello World!");\cf2\par
\tab\tab     \cf0 document.write("Hello World!");\cf2\par
\tab\tab     \cf0 document.write("Hello World!");\par
\tab\tab\cf2 */\par
\tab\cf0 </script>\cf2\par
\pard\nowidctlpar\sl240\slmult1\qc\cf0\par
\par
\par
________________________________________________________________________________\cf1\b\par
\par
Escrever no Browser\par
\cf0\b0\par
\pard\nowidctlpar\sl240\slmult1\i\fs20 Se voc\'ea n\'e3o quer que seu script ser colocado dentro de uma fun\'e7\'e3o, ou se o seu script deve escrever o conte\'fado da p\'e1gina, ele deve ser colocado na se\'e7\'e3o do corpo.\par
\par
\i0\fs22 <body>\par
\tab <script type="text/javascript">\cf2\par
\tab\tab document.write\cf0  ("Essa mensagem est\'e1 sendo escrita pelo javascript");\par
\tab </script>\par
</body>\par
\par
\par
\par
\pard\nowidctlpar\sl240\slmult1\qc ________________________________________________________________________________\cf1\b\par
\par
Escrever no HEAD e no BODY\par
\pard\nowidctlpar\sl240\slmult1\cf0\b0\i\fs20\par
Voc\'ea pode colocar um n\'famero ilimitado de scripts em seu documento, assim voc\'ea pode ter scripts no corpo e na sec\'e7\'e3o da cabe\'e7a.\par
\par
\cf2\i0\fs22 <head>\cf0\par
\tab <script type="text/javascript">\par
\tab\tab function message()\par
\tab\tab\{\par
\tab\tab\tab alert("This alert box was called with the onload event");\par
\tab\tab\}\par
\tab </script>\par
\cf2 </head>\cf0\par
\par
\cf2 <body onload="message()">\par
\cf0\tab <script type="text/javascript">\par
\tab\tab document.write("This message is written by JavaScript");\par
\tab </script>\par
\cf2 </body>\par
\par
\par
\cf0\par
\pard\nowidctlpar\sl240\slmult1\qc ________________________________________________________________________________\cf1\b\par
\par
Mudar T\'edtulo do Browser\cf0\b0\par
\pard\nowidctlpar\sl240\slmult1\cf2\par
document.title\cf1  \cf0 = "novo t\'edtulo da pagina";\par
\par
\par
\par
________________________________________________________________________________\par
\par
\pard\nowidctlpar\sl240\slmult1\qc\cf1\b Variavel.\cf0\ul\b0\par
\pard\nowidctlpar\sl240\slmult1\par
\b Tem o mesmo efeito\ulnone\b0\par
\par
x=5;\par
carname="Volvo";\par
\par
\cf2 var\cf0  x=5;\par
\cf2 var\cf0  carname="Volvo";\par
\par
\ul\par
\b Atribui\'e7\'e3o\ulnone\b0\par
\par
y=5;\par
z=2;\par
x=y+z;\par
\par
\par
\ul\b N\'famero + String\b0\par
\ulnone\par
x=5+5;\par
document.write(x);\par
\cf1 Resultado ser\'e1: 10\cf0\par
\par
x="5"+"5";\par
document.write(x);\par
\cf1 Resultado ser\'e1: 55\par
\cf0\par
x=5+"5";\par
document.write(x);\par
\cf1 Resultado ser\'e1: 55\par
\cf0\par
x="5"+5;\par
document.write(x);\par
\cf1 Resultado ser\'e1: 55\par
\cf0\par
\par
________________________________________________________________________________\par
\par
\pard\nowidctlpar\sl240\slmult1\qc\cf1\b Array\cf0\ul\b0\par
\pard\nowidctlpar\sl240\slmult1\ulnone\par
funcionarios = new Array(5);\par
\par
funcionarios[0] = "Jo\'e3o";\par
funcionarios[1] = "Jos\'e9";\par
funcionarios[2] = "Maria";\par
funcionarios[3] = "Paula";\par
funcionarios[4] = "Fabio";\par
\par
document.write(funcionarios[2]"<p>"); \cf1 Maria\cf0\par
\par
\cf1 Exibir conte\'fado do ARRAY\cf0\par
document.write(funcionarios.\cf2 join\cf0 ", "); \cf1 Jo\'e3o, Jos\'e9,\cf0  \cf1 Maria, Paula, Fabio\par
\par
\par
\cf0\par
________________________________________________________________________________\par
\par
\pard\nowidctlpar\sl240\slmult1\qc\cf1\b Box "Alert"\cf0\ul\b0\par
\pard\nowidctlpar\sl240\slmult1\ulnone <head>\tab\par
\tab <script type="text/javascript">\par
\tab\tab function show_alert()\par
\tab\tab\{\par
\cf2\tab\tab\tab alert("I am an alert box!");\par
\cf0\tab\tab\}\par
\tab </script>\par
\par
</head>\par
<body>\par
\par
\pard\nowidctlpar\li720\sl240\slmult1 <input type="button" onclick="show_alert()" value="Show alert box" />\par
\par
\pard\nowidctlpar\sl240\slmult1 </body>\par
\par
\par
\par
________________________________________________________________________________\par
\par
\pard\nowidctlpar\sl240\slmult1\qc\cf1\b Box "Confirm"\cf0\b0\par
\pard\nowidctlpar\sl240\slmult1 <head>\par
\tab <script type="text/javascript">\par
\tab\tab function show_confirm()\{\par
\tab\tab\tab var r=\cf2 confirm("Press a button");\cf0\par
\tab\tab\tab\par
\tab\tab\tab if (r==true) \{\par
\tab\tab\tab\tab   alert("You pressed OK!");\par
\tab\tab\tab   \}\par
\tab\tab\tab else\{\par
\tab\tab\tab\tab   alert("You pressed Cancel!");\par
\tab\tab\tab\}\par
\tab\tab\}\par
</script>\par
</head>\par
<body>\par
\par
\tab <input type="button" onclick="show_confirm()" value="Show confirm box" />\par
\par
</body>\par
\par
\par
\par
________________________________________________________________________________\par
\pard\nowidctlpar\sl240\slmult1\qc\cf1\b\par
Box "Prompt"\par
\pard\nowidctlpar\sl240\slmult1\par
\cf0\b0\i\fs20 Uma caixa de alerta \'e9 freq\'fcentemente usado se quiser que o usu\'e1rio insira um valor antes de entrar em uma p\'e1gina.\par
Quando uma caixa de alerta aparece, o usu\'e1rio ter\'e1 de clicar em "OK" ou "Cancelar" para continuar ap\'f3s introduzir um valor de entrada.\par
Se o usu\'e1rio clicar em "OK" a caixa de volta o valor da entrada. Se o usu\'e1rio "Cancelar" clica no bot\'e3o retorna null.\i0\fs22\par
\par
<head>\par
\pard\nowidctlpar\li720\sl240\slmult1 <script type="text/javascript">\par
\pard\nowidctlpar\sl240\slmult1\tab\tab function show_prompt()\{\par
\tab\tab\tab var name=\cf2 prompt("Please enter your name","Harry Potter");\cf0\par
\tab\tab\tab\par
\tab\tab\tab if (name!=null && name!="")\par
\tab\tab\tab\{\par
\tab\tab\tab\tab   document.write("Hello " + name + "! How are you today?");\par
  \tab\tab\tab\}\par
\tab\tab\}\par
\tab </script>\par
</head>\par
<body>\par
\par
\tab <input type="button" onclick="show_prompt()" value="Show prompt box" />\par
\par
</body>\par
\par
\par
________________________________________________________________________________\par
\pard\nowidctlpar\sl240\slmult1\qc\cf1\b\par
Function "contar caracteres"\par
\pard\nowidctlpar\sl240\slmult1\par
\cf0\b0 function contando()\{\par
\tab var i = document.forms[0].sobrenome.value;\par
\tab alert(i.length);\par
\};\par
\par
\par
<input type="text" name="sobrenome"  onclick="contando()"  />\par
\par
\par
\par
_______________________________________________________________________________\par
\par
\par
\pard\nowidctlpar\sl240\slmult1\qc\cf1\b Manipulando STRING\cf0\b0\par
\pard\nowidctlpar\sl240\slmult1\cf1\par
link\cf0\par
var txt = "Hello World!";\par
document.write("<p>Link: " + txt.\cf2 link\cf0 ("http://www.w3schools.com") + "</p>");\par
\cf1\par
Converte para maiuscula e minuscula\cf0\par
document.write(txt.\cf2 toLowerCase\cf0 () + "<br />");\par
document.write(txt.\cf2 toUpperCase\cf0 ());\par
\par
\cf1 Trocar valores\cf0\par
var str="Visit Microsoft!";\par
document.write(str\cf2 .replace\cf0 ("Microsoft","W3Schools"));\par
\par
\cf1 Procurar por palavra espec\'edfica. Retorna a posi\'e7\'e3o\cf0\par
\i\fs20 Case sensitive\par
Quando n\'e3o existe retorna \cf1 -1\cf0\par
Quando \'e9 a primeira posi\'e7\'e3o retorna \cf1 0\cf0\i0\fs22\par
\par
var str="Visit W3Schools!";\par
document.write(str.search("W3")); \cf1 6\cf0\par
\par
\cf1\b "indexOF" \b0 Mostra a primeira posi\'e7\'e3o da string encontrada\par
\b "lastIndexOF" \b0 Mostra a ultima posi\'e7\'e3o da string encontrada\par
\cf0\i\fs20 Case sensitive\par
Quando n\'e3o existe retorna \cf1 -1\cf0\par
Quando \'e9 a primeira posi\'e7\'e3o retorna \cf1 0\cf0\i0\fs22\par
\par
var str="Hello world!";\par
document.write(str.\cf2 indexOf\cf0 ("l") );\tab\tab\cf1 2\par
\cf0 document.write(str.\cf2 lastIndexOf\cf0 ("l") );\tab\cf1\tab 9\par
\cf0 document.write(str.\cf2 indexOf\cf0 ("He") );\tab\cf1\tab 0\par
\cf0 document.write(str.\cf2 lastIndexOf\cf0 ("He"));\tab\cf1\tab 0\par
\cf0 document.write(str.\cf2 indexOf\cf0 ("W") );\tab\cf1\tab -1\par
\cf0 document.write(str.\cf2 lastIndexOf\cf0 ("W"));\tab\cf1\tab -1\par
\par
Procurar por um valor espec\'edfico. Retorna NULL ou Repete o valor encontrado\par
\cf0 var str="helo world"\par
document.write(str.\cf2 match\cf0 ("world") + "<br />"); \tab\tab\cf1 world\cf0\par
document.write(str.\cf2 match\cf0 ("World") + "<br />");\tab\tab null\par
document.write(str.\cf2 match\cf0 ("worlld") + "<br />");\tab\tab null\par
document.write(str.\cf2 match\cf0 ("world!"));\tab\tab  \tab\cf1 world!\par
\cf0\par
\cf1 Procura por string na posi\'e7\'e3o "X", e retorna o caractere\cf0\par
var str="Hello world!";\par
document.write("First character: " + str.\cf2 charAt(6)\cf0  );\tab  \cf1 w\cf0\par
document.write("Last character: " + str.charAt(str.\cf2 length-4\cf0 ) );\tab  \cf1 r\cf0\par
\cf1\par
Procura por string na posi\'e7\'e3o "num\'e9rica", e retorna o c\'f3digo do caractere\cf0\par
\i\fs20 "variavel.length-1", retorna o ultimo caractere\par
"variavel.length-2", retorna o penultimo caractere\par
etc.....\par
\i0\fs22\par
var str="Hello world!";\par
document.write("Unicode of first character: " + str.\cf2 charCodeAt(0)\cf0  );\par
document.write("Unicode of last character: " + str.\cf2 charCodeAt(str.length-1)\cf0  );\par
\par
\cf1 Converte valores n\'famerico para caracteres\cf0\par
document.write(String.fromCharCode(72,69,76,76,79));\tab\tab HELLO\par
document.write("<br />");\par
document.write(String.fromCharCode(65,66,67));\tab\tab ABC\cf1\par
\par
Mostra palavra at\'e9 a posi\'e7\'e3o desejada\par
\cf0 var str="Hello happy world!";\par
document.write(str.slice(0));\tab\cf1 Hello happy world!\cf0\par
document.write("<br />");\par
document.write(str.slice(-6));\tab\cf1 world!\cf0\tab\par
\cf1\par
Faz a UNI\'c3O entre strings\cf0\par
var str1="Hello ";\par
var str2="world!";\par
var str3=" Have a nice day!";\par
document.write(str1.concat(str2,str3));\tab\tab\cf1 Hello world! Have a nice day!\par
\par
Contar caracteres\cf0\par
var str="Microsoft!";\par
document.write(str\cf2 .length\cf0 ); \cf1 10\cf0\tab\par
\cf1\par
\par
\cf0 _______________________________________________________________________________\par
\par
\par
\pard\nowidctlpar\sl240\slmult1\qc\cf1\b Manipulando DATA\cf0\b0\par
\pard\nowidctlpar\sl240\slmult1\cf1\par
\cf0\par
\par
\par
\par
\par
\par
\par
\par
\par
\par
\par
}
 